<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="icon" href="#">
    <title>###</title>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    {% for stylesheet in stylesheets %}
        {% if stylesheet.title != '' %}<!-- {{ stylesheet.title }} -->{% endif %}

        <link rel="stylesheet" href="{{ stylesheet.href }}">
    {% endfor %}
</head>
<body>
<div class="wrapper">
    <!-- Main Header -->
    {% include 'header.twig' %}
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper1">
        <div class="MetroUI-main" gridW="5" gridH="2">
            <div class="MetroUI-tiled MetroUI-bg_blue" onclick="metro.show(this)" gridX="0" gridY="0" gridW="1"
                 gridH="1">
                <span class="MetroUI-title">通知公告</span>
                <div class="MetroUI-content" hidden>
                    没有公告
                </div>
            </div>
            <div class="MetroUI-tiled MetroUI-bg_blue" onclick="metro.show(this)" gridX="0" gridY="1" gridW="1"
                 gridH="1">
                <span class="MetroUI-title">便民服务</span>
                <div class="MetroUI-content" hidden>
                    没有服务
                </div>
            </div>
            <div class="MetroUI-board MetroUI-bg_blue" gridX="1" gridY="0" gridW="3" gridH="2">
                <span class="MetroUI-title">新闻动态</span>
                <div class="MetroUI-content">
                    <ul>
                        {% for article in article.list %}
                            <li>
                                <a href="{{ myurl.article }}{{ article.id }}">
                                    <span style="color:{{ article.titleColor }}">{{ article.title }}</span>
                                </a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <div class="MetroUI-tiled MetroUI-bg_blue" onclick="metro.show(this)" gridX="4" gridY="0" gridW="1"
                 gridH="1">
                <span class="MetroUI-title">新闻动态</span>
                <div class="MetroUI-content" hidden>
                    暂无
                </div>
            </div>
            <div class="MetroUI-tiled MetroUI-bg_blue" onclick="metro.show(this)" gridX="4" gridY="1" gridW="1"
                 gridH="1">
                <span class="MetroUI-title">后台管理</span>
                <div class="MetroUI-content" hidden>
                    <a href="{{ url.admin }}">后台管理</a>
                </div>
            </div>
        </div>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
</div>
<!-- ./wrapper -->

<!-- REQUIRED JS SCRIPTS -->
{% for scriptfile in scriptfiles %}
    {% if scriptfile.title != '' %}<!-- {{ scriptfile.title }} -->{% endif %}

    <script src="{{ scriptfile.src }}"></script>
{% endfor %}
<script>
    $(document).off('click.bs.dropdown.data-api'); //关闭dropdown点击事件
    $('.dropdown').mouseover(function () {
        $(this).addClass('open');
    }).mouseout(function () {
        $(this).removeClass('open');
    });

    metro = new MetroUI(1.5);
    metro.init();
    $(window).resize(function () {
        metro.init();
    })
</script>
{% block extend_scripts %}
{% endblock %}
</body>
</html>